@charset "UTF-8";
// 头部
.home-banner-wrap{
	position: relative;
}
.home-banner{
  position: absolute;
  top: -150px;
  left: 0;
  z-index: 200;
  width: 100%;
  color: #fff;
}
.h-ava {
  float: left;
  width: 120px;
  height: 120px;
  overflow: hidden;
  margin-right: 20px;
}
.h-author-info {
  h2 {
	font-size: 24px;
	//color: $gray;
	margin-top: 10px;
	span {
	  margin-right: 15px;
	  color: #fff;
	}
  }
  p {
	//color: $gray-light;
	font-size: 12px;
  }
}
.other-info {
  %btn-author {
	display: inline-block;
	width: 80px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	margin-right: 10px;
	font-size: 12px;
  }
  .btn-att {
	@extend %btn-author;
	background-color: $brand-warning;
	&:hover{
	  background-color: rgba($brand-warning,.9);
	}
  }
  .btn-send {
	@extend %btn-author;
	background-color: $brand-success;
	color: #fff;
	&:hover{
	  background-color: rgba($brand-success,.9);
	}
  }
  .a-num {
	display: inline-block;
	float: right;
	margin-top: 28px;
	margin-right: 15px;
	span {
	  margin-left: 15px;
	  a{
		color: $brand-warning;
		font-weight: 700;
	  }
	}
  }
}


.home-menu {
  //position: absolute;
  //z-index: 200;
  //top: 170px;
  //left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
  background-color: #fff;
  li {
	display: inline-block;
	font-size: 16px;
	a {
	  padding: 9px 20px;
	  //color: #fff;
	}
  }
  .active {
	line-height: 35px;
	border-bottom: 2px solid $brand-warning;
	a {

	  color: $brand-warning;
	}
  }
}


// 我要发布
#h-pub{
  float: right;
  font-size: 12px;
  .menu-hd {
	color: #fff;
	padding-right: 0;
	padding-bottom: 30px;
	//i {
	//  border-top-color: #fff;
	//}
  }
  .menu-bd {
	top: 41px;
	left: -11px;
	background-color: #fff;
	border-color: #fff;
	i {
	  border-bottom-color: #fff;
	}
	a {
	  color: $gray;
	  &:hover {
		background-color: #f2f2f2;
	  }
	}
  }
}

// 视频作品
.v-rec-wrap {
  //background-color: #fff;
  @extend %block-bg;
  margin-bottom: 30px;
  .v-img {
	float: left;
	width: 655px;
	margin-right: 20px;
	&:hover img {
	  @include opacity(.8);
	}
  }
  .v-info {
	padding: 20px;
	h3 {
	  //margin-top: 5px;
	  font-size: 24px;
	}
	.role {
	  color: $gray-light;
	  margin-bottom: 10px;
	  font-size: 16px;
	  span {
		margin-right: 15px;
	  }
	}
	p {
	  color: $gray;
	  margin-bottom: 20px;
	  line-height: 1.8;
	}
	footer {
	  color: $gray-light;
	  text-align: right;
	  time {
		float: left;
	  }
	  span {
		margin-left: 20px;
	  }
	}
  }
}

.home-works {
  .works-item {
	height: 202px;
  }
  //.block-map-item {
	//height: 202px;
  //}
  //.show {
	//height: 352px;
  //}
}


// 文章
.home-article{
  .art-item{
	position: relative;
	margin-bottom: 30px;
	width: 360px;
	height: 202px;
	//background-color: #fff;
	@extend %block-bg;
	.img-info{
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  padding: 10px;
	  background-color: rgba($gray-base,.6);
	  color: #fff;
	  h3{
		font-size: 24px;
		margin: 0 0 10px 0;
		height: 53px;
		overflow: hidden;
	  }
	  a{
		color: #fff;
		&:hover{
		  color: $brand-warning;
		}
	  }
	}
	&:hover{
	  background-color: $block-hover;
	  img{
		@include opacity(.95);
	  }
	}
	.text-info{
	  padding: 10px;
	  color: $gray-light;
	  h3{
		margin: 0 0 10px 0;
	  }
	  .art-col{
		margin-bottom: 10px;
	  }
	}
  }
}

// 相册介绍
.album-intro{
  margin-bottom: 20px;
	p{
	  color: $gray;
	}
}

// 相册
.album-wrap {
  .map-item {
	@extend %block-bg;
	padding: 15px;
	margin-bottom: 30px;
	&:hover{
	  //background-color: $block-hover;
	  img{
		@include opacity(.95);
	  }
	}
	figure {
	  position: relative;
	  .btn-action {
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding: 20px;
		.btn-love {
		  float: right;
		}
		a {
		  display: inline-block;
		  background-color: rgba($gray-base, .6);
		  color: #fff;
		  padding: 3px 8px;
		  font-size: 12px;
		}
		.fa-pencil-square-o {
		  color: $brand-success;
		}
		.fa-heart {
		  color: $brand-danger;
		}
	  }
	  &:hover .btn-action {
		visibility: visible;
	  }
	}
	.pho-item {
	  margin-top: 10px;
	  margin-left: -1px;
	  li {
		display: inline-block;
		float: left;
		width: 33.333333%;
		img {
		  border: 1px solid #fff;
		}

	  }
	}
	footer {
	  color: $gray-light;
	  position: relative;
	  margin-top: 10px;
	  h3 {
		font-size: 16px;
	  }
	  time {
		position: absolute;
		top: 0;
		right: 0;
	  }
	}
  }
}

// 照片瀑布流
.state-wrap {
  margin-top: -20px;
  .map-item {
	position: relative;
	padding: 15px;
	.btn-action {
	  visibility: hidden;
	  @include clearfix();
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  padding: 35px;
	  text-align: right;
	  .btn-edit {
		float: left;
	  }
	  a {
		display: inline-block;
		background-color: rgba($gray-base, .6);
		color: #fff;
		padding: 3px 8px;
		font-size: 12px;
	  }
	  .fa-pencil-square-o {
		color: $brand-success;
	  }
	  .fa-heart {
		color: $brand-danger;
	  }
	}
	&:hover {
	  .btn-action {
		visibility: visible;
	  }
	  background-color: $block-hover;
	}
	figcaption {
	  margin: 10px 0 15px;
	}
	time {
	  color: $gray-light;
	}
  }
}

// 瀑布流样式
.waterfall {
  overflow: hidden;
  zoom: 1;
  width: 100%;
}

.wf_col {
  position: relative;
  min-height: 473px;
  _height: 473px;
}

.wf_item {
  float: left;
  overflow: hidden;
  zoom: 1;
  position: absolute;
  @extend %block-bg;
  .thumb_img {
	width: 100%;
	max-width: 100%;
	-ms-interpolation-mode: bicubic; /*解决IE7缩放图片会失真*/
  }
}

.wf_result {
  height: 32px;
  line-height: 32px;
  margin-top: 15px;
  text-align: center;
  color: #666;
}

.wf_loading {
  background: url(../images/loading.gif) center center no-repeat;
}

//#backTop {
//  cursor: pointer;
//  width: 38px;
//  height: 38px;
//  background: url(../images/backTop.gif) no-repeat 0 -39px;
//  &:hover {
//	background-position: 0 0;
//  }
//}